這是 HTML5 離線存儲裡的一個應用，
在開發 Web App 時 ，
如果配合 SQLite ，
能讓離線資料的應用更加靈活。

看到這周主題我才發現...
我第一周發的來寫個Web App吧！（jQuery + YQL）,
似乎挑錯時機了
以下是對資料庫的基本操作：
1.建立資料庫 ( 資料庫名稱、版本、描述、資料庫大小 )

var db = openDatabase('mydb', '1.0', '測試用', 2*1024*1024);

2.建立資料表

db.transaction(function(tx){
    tx.executeSql("Create Table test(id TEXT,value TEXT)");
});

3.新增資料

db.transaction(function(tx){
    tx.executeSql("INSERT INTO test VALUES (1,'data')");
});

4.刪除資料

db.transaction(function(tx){
    tx.executeSql("DELETE FROM test WHERE id = 1");
});

5.修改資料

db.transaction(function(tx){
    tx.executeSql("UPDATE test SET value = 'other' WHERE id = 1");
});

6.查詢資料

db.transaction(function(tx){
    tx.executeSql(
        "SELECT id,value FROM test",[],function(tx,result){
            for (var i=0 ; i < result.rows.length; i++){
                console.log(result.rows.item(i).value);
            }
        }
    );
});

以上如果有學過 SQL 應該不難上手，
再來是一些比較進階的應用
1.建立含有 流水號 欄位的資料表 (自動遞增)

db.transaction(function(tx){
    tx.executeSql("Create Table test2(id INTEGER PRIMARY KEY,value TEXT)");
});

新增資料必須指定欄位

db.transaction(function(tx){
    tx.executeSql("INSERT INTO test2(value) VALUES ('data')");
});

2.合併資料表查詢

db.transaction(function(tx){
    tx.executeSql(
        "SELECT test.id,test2.value FROM test left join test2 on test.id = test2.id",[],function(tx,result){
            for (var i=0 ; i < result.rows.length; i++){
                console.log(result.rows.item(i).value);
            }
        }
    );
});